﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
		<link rel="stylesheet" href="<@s.url '/css/bootstrap.min.css' />"/>
		<link rel="stylesheet" href="<@s.url '/css/main.css'/>"></link>
        <script src="<@s.url '/js/socket.io.js'/>"></script>
        <script src="<@s.url '/js/avalon.min.js'/>"></script>
        <script src="<@s.url '/js/moment.min.js'/>"></script>
        <script src="<@s.url '/js/chat.js'/>"></script>
        <script src="<@s.url '/js/jquery.min.js' />"></script>
        <script src="<@s.url '/js/bootstrap.min.js' />"></script>
        <script type="text/javascript">
        	var account = {
        		id: ${user.getUserid()},
        		name: '${user.getUsername()}',
        		nick: '${user.getNickname()}',
        		avatar: '${user.getAvatar()}'
        	};
        </script>
        <title>ArkYun空间</title>
	</head>
	<body>
		<div class="head">
			<a class="title" href="###">
				<img src="<@s.url '/img/ok-logo.png'/>" title="ok-logo" />
				OmniKennect
			</a>
			<a class="link_notice">
				<i class="glyphicon glyphicon-phone-alt"></i> ${user.getPhone()}
			</a>
			<div class="pnl_userInfo">
				<button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown">
					<img src="<@s.url '/upload/avatar/default.png' />" width="20" height="20"/>
					<span class="userTitle">${user.getNickname()}</span>&nbsp;<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu" style="clear:both;float:right;top:35px;right:20px;left:90%">
                      <div class="arrow"></div>
                      <li><a href="/@dellinger"><i class="glyphicon glyphicon-user"></i>  我的资料</a></li>
                      <li><a href="/@dellinger"><i class="glyphicon glyphicon-camera"></i>  修改头像</a></li>
                      <li class="divider"></li>
                      <li><a href="/settings"><i class="glyphicon glyphicon-gift"></i>  团队设置</a></li>
                      <li><a href="/settings/transfers"><i class="glyphicon glyphicon-plus"></i>  邀请队友</a></li>
                      <li><a href="/settings/invoices"><i class="glyphicon glyphicon-info-sign"></i>  新手入门</a></li>

                      <li class="divider"></li>
                  
                      <li><a href="/logout"><i class="glyphicon glyphicon-share"></i>  注销账号</a></li>
                  </ul>
			</div>
		</div>
		
        <div class="list_menu">
            <ul class="pnl_menu">
                <li>
                    <i>+</i>
                    <b>Space</b> menu
                   
                </li>
                <li class="selected">
                    # general
                </li>
                <li># product</li>
            </ul>
            <ul class="pnl_menu">
                <li>
                    <i>+</i>
                    <b>Space</b> preferences
                    
                </li>
                <li>
                    # general
                </li>
                <li># Members</li>
                <li># Modules</li>
            </ul>
        </div>
        <div class="cnt_wrap">
            
            <div class="cnt">
                <div class="pnl_chatBorad_wrap"  ms-controller="chat">
                    <div class="pnl_chatBorad" ms-css-height="css.chatHeight">

                        <div class="menu_userInfo">
                            <b>#general</b> maomao
                        </div>

                        <div class="summary"></div>

                        <div class="chatInfo">
                            <span class="timeLine"><i>February 3rd,2015</i></span>

                            <div class="chatUserInfo" ms-repeat="chatData">
                                <img class="face" src="<@s.url '/img/face.jpg'/>" />
                                <div class="chatcnt">
                                    <span class="username">{{el.userName}}</span>
                                    <span class="time">{{el.time}}</span>
                                    <div class="content histroy">
                                        {{el.content}}
                                    </div>
                                </div>
                            </div>

                            <div class="pnl_chatInput" ms-if="isConnect">
                                <div class="pnl_tools">
                                    <a href="###" class="tool_at glyphicon glyphicon-user" title="At somebody"></a>
                                    <a href="###" class="tool_pic glyphicon glyphicon-picture" title="Add a picture"></a>
                                    <a href="###" class="tool_files glyphicon glyphicon-paperclip" title="Add a file"></a>
                                </div>
                                <textarea ms-keyup="comment" class="input_chat" placeholder="说点什么吧"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
             </div>
        </div>
    </body>
</html>